<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1" />
	<link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.min.css" media="all">
	<script type="text/javascript" src="__JS__/jquery-3.2.0.min.js"></script>
	<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
	<title>{$title}渠道统计</title>
<style>
body,div,img, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
	margin: 0;
	padding: 0;
	border:none;
	outline: none;
}
body{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.row-box-color{
	padding: 10px;
}
.content-box{
	width: auto;
	padding: 0 10px;
}
.flex-box{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.flex-box>div{
	width: 50%;
}
h6{
	margin: 5px 0;
}
table,table div{
	font-size: 13px;
}
.remarks{
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	color: #7f7f7f;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
.remarks p{
	width: 50%;
}
</style>
</head>
<body>
	<div class="content-box" style="margin-top: 10px;">
		<div>
			<button type="button" class="btn btn-info btn-xs" style="margin: 10px 10px;">
					<a href="{:url('mobile/index/index')}"><< 返回首页 </a>
			</button>
		</div>

		<div class="choose_btn" style="margin: 10px 0;">
			<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample" style="width: 100%">查询</a>
			<div class="collapse" id="collapseExample">
				<div class="well well_">
					<!-- 输入id选择 -->
					<form method="post" action="">
						<label>建单时间</label>
						<div class="form-group">
							<input type="text" name="jdtime" id="jdtime" value="{$search.jdtime}" class="form-control" placeholder="请选择建单时间" style="height:35px;border:1px solid #e5e5e5;border-radius: 0px;outline: none;" />
						</div>
						<!-- 时间段选择 -->
						<label>预产期</label>
						<div  style=" cursor: pointer; width: 100%;margin-top: 5px;margin-bottom: 10px;" id="reportrange">
							<input type="text" name="yctime" id="yctime" value="{$search.yctime}" class="form-control" placeholder="请选择预产期" style="height:35px;border:1px solid #e5e5e5;border-radius: 0px;outline: none;" />
						</div>
						<!-- 筛选 -->
						<button class="btn btn_choose" type="submit" style="outline: none;border:none;width: 100%;background-color: #00a7d0">开始查询</button>
					</form>
				</div>
			</div>
		</div>

		<table class="table table-bordered table-striped" style="margin-bottom: 10px;">
			<thead>
			    <tr class="warning">
			        <th style="width: 70px;">地区</th>
			        <th>医院</th>
			    </tr>
			</thead>
			<tbody>
				{volist name='$data' id='info'}
					<tr>
						<td style="vertical-align: middle">
							<div >{$info.area_name}</div>
							<div >合计：<span style="color: #f00;">{$info.area_num}</span></div>
						</td>
						<td>
							<div >
								{volist name='$info.yiyuan' id='vo'}
									<div>{$vo.yiyuan_name}：<span style="color: #f00;">{$vo.yiyuan_num}</span>&nbsp;对</div>
								{/volist}
							</div>
						</td>
					</tr>
				{/volist}
			</tbody>
		</table>
	</div>

	<script type="text/javascript" src="__STATIC__/laydate5.05/laydate.js"></script>
	<script>
		laydate.render({
			elem: '#jdtime',
			type: 'month'
		});
		laydate.render({
			elem: '#yctime',
			type: 'month'
		});
	</script>

</body>
</html>
